@rem: 100rem;
.login{
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}
img.logo{
	margin: 170/@rem 0;
	width: 186/@rem;
	height: 260/@rem;
}
.userinfo{
	width: 600/@rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.username,.userpassword{
	display: flex;
	align-items: center;
	width: 100%;
	height: 86/@rem;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 30/@rem;
	i{
		font-size: 44/@rem;
		color: #d6d6d6;
		margin-right: 10/@rem;
	}
	input{
		width: 500/@rem;
		font-size: 30/@rem;
		color: #333;
		border: transparent;
		background: transparent;
	}
	input::-webkit-input-placeholder{
		font-size: 28/@rem;
		color: #999;
	}
}
.userpassword{
	margin-bottom: 60/@rem;
}
.button{
	width: 500/@rem;
	height: 86/@rem;
	background-image: -webkit-linear-gradient( 0deg, rgb(255,172,13) 0%, rgb(255,112,0) 100%);
	box-shadow: 0 0 8/@rem 0 rgba(255, 134, 24, 0.7);
	border: transparent;
	border-radius: 43/@rem;
	color: #fff;
	font-size: 30/@rem;
	&:active{
		opacity: 0.8;
		box-shadow: none;
	}
}
